﻿@model PracticeAzure.Website.Models.HomeIndexViewModel

@{
    ViewBag.Title = "首页";
}

@section scripts{
    <link href="/Content/themes/base/jquery-ui-1.8.16.custom.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="/Scripts/jquery-ui-1.8.16.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#book-cover-div").click(function () {
                $("#book-cover-big-dialog").dialog({
                    width: "auto",
                    height: "auto",
                    resizable: false,
                    modal: true
                });
            });
        });
    </script>
}

@if (User.Identity.IsAuthenticated)
{ 
    <div class="create-announcement" style="width: 100%; border: 1px solid #669966; padding: 10px 0 10px 10px;">
        @Html.ActionLink("发布消息", "Create", "Announcement", null, null) | 
        @Html.ActionLink("刷新缓存", "ClearCacheItems", "Announcement", null, null)
    </div>
}

<div id="book-cover-big-dialog" title="" style="display: none;">
    <img src="/Content/book-cover-big.png" alt="Book Cover" />
</div>

<div class="home">
    <table style="width: 100%; border-style: none; ">
        <tr>
            <td style="width: 75%; vertical-align: top; border-style: none; ">
                <div style="font-size: 1.1em;">
                    <p>
                        《实战Windows Azure：微软云计算平台技术详解》来自于微软Windows Azure MVP的技术实践和心得体会，主要包括Windows Azure平台的基础知识、使用方法、功能特点以及如何基于Windows Azure平台设计高可靠、可扩展的应用程序，几乎涵盖了Windows Azure平台的所有内容。全书分为八章，作者试图通过一个贯穿始终的示例项目以尽量真实视角介绍整个Windows Azure平台。第一章和第二章包括云计算的基础知识和Windows Azure平台的概述、计费模式和商业案例。第三章到第七章，通过完整的示例项目系统介绍Windows Azure（计算服务、存储服务和部署调试）、SQL Azure和Windows AzureAppFabric。最后一章介绍了Windows Azure平台的高级应用，包括更加深入的功能点，如何在项目中灵活使用Windows Azure平台的各种功能，以及如何更好的构建基于Windows Azure应用程序。
                    </p>
                    <p>
                        本书适合对云计算技术，特别是微软的Windows Azure平台有兴趣的架构设计人员以及一线开发人员，同时也可作为Windows Azure平台的参考书籍，也适应于有意采用Windows Azure技术的公司决策人员和IT人员参考阅读。
                    </p>
                </div>
            </td>
            <td style="width: 25%; border-style: none; vertical-align:text-top; ">
                <div id="book-cover-div" style="text-align: center; width: 100%;  ">
                    <img src="/Content/book-cover.png" alt="Book Cover" style="cursor: pointer;" />
                </div>
            </td>
        </tr>
        <tr>
            <td colspan="2" style="width: 100%; vertical-align: top; border-style: none; ">
                <div class="more-announcements" style="float: right;">
                    @Html.ActionLink("更多消息 >>", "Index", "Announcement", null, null)
                </div>
                <div class="announcement-container">
                    <table style="border-style: none;">
                        @foreach (var announcement in Model.Announcements)
                        { 
                            @Html.DisplayFor(mode => announcement, "AnnouncementListItem")
                        }
                    </table>
                </div>
            </td>
        </tr>
    </table>
</div>
